<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
</script>

<template>
  <div>
    <header class="app-header">
      <h1 class="app-title">磁盘监控系统</h1>
    </header>

    <nav class="navbar">
      <ul class="nav-menu">
        <li class="nav-item">
          <RouterLink to="/" class="nav-link" active-class="active">首页</RouterLink>
        </li>
        <li class="nav-item">
          <RouterLink to="/io-speed" class="nav-link" active-class="active">IO速度监控</RouterLink>
        </li>
        <li class="nav-item">
          <RouterLink to="/process" class="nav-link" active-class="active">进程监控</RouterLink>
        </li>
      </ul>
    </nav>

    <main class="main-content">
      <RouterView />
    </main>
  </div>
</template>

<style lang="scss">
@use '@/style/global.scss';
/* 使用全局样式 */
</style>
